
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
<script type="text/javascript" src="easyui/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/common/box.css" />
<link rel="stylesheet" type="text/css" href="css/common/checkbox.css" />
<style type="text/css">
a {
	color: black;
}

a:hover {
	text-decoration: none;
}

.bgc-w {
	background-color: #fff;
}
</style>

	<div class="row" style="padding-top: 10px;">
		<div class="col-md-2">
			<h1 style="font-size: 24px; margin: 0;" class="">流程管理</h1>
		</div>
		<div class="col-md-10 text-right">
			<a href="index"><span class="glyphicon glyphicon-home"></span> 首页</a> >
			<a disabled="disabled">流程管理</a>
		</div>
	</div>

	<div class="row" style="padding-top: 15px;">
		<div class="col-md-12 thistable">
			<!--id="container"-->
	<div class="bgc-w box box-primary">
				<!--盒子头-->
				<div class="box-header">
					<h3 class="box-title">
						<a href="" class="label label-success" style="padding: 5px;">
							<span class="glyphicon glyphicon-refresh"></span> 刷新
						</a> 
					</h3>
					<div class="box-tools">
						<div class="input-group" style="width: 220px;">
							<input type="text" class="form-control input-sm cha"
								placeholder="审核人，类型，标题，状态查询" />
							<div class="input-group-btn chazhao">
								<a class="btn btn-sm btn-default"><span
									class="glyphicon glyphicon-search"></span></a>
							</div>
						</div>
					</div>
				</div>
				<div class="box-body no-padding">
					<div class="table-responsive">
						<table class="table table-hover">
						<tr>
							
							<th scope="col">类型</th>
							<th scope="col">标题</th>
							<th scope="col">申请时间</th>
							<th scope="col">审核人</th>
							<th scope="col">紧急程度</th>
							<th scope="col">状态</th>
							<th scope="col">操作</th>
						</tr>
												<tr>
							<td>离职申请</td>
							<td><span>离职申请</span></td>
							<td><span>2019-1-6 10:22:26</span></td>
							<td><span>小李父斯基;soli;甄姬</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-success">已批准</span></td>
							
							<td> <a href="resserch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>请假申请</td>
							<td><span>丧假</span></td>
							<td><span>2019-1-6 9:54:12</span></td>
							<td><span>小李父斯基</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-success">已批准</span></td>
							
							<td> <a href="holiserch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>请假申请</td>
							<td><span>产假</span></td>
							<td><span>2019-1-6 9:52:27</span></td>
							<td><span>小李父斯基</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-info">未处理</span></td>
							
							<td> <a href="holiserch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>请假申请</td>
							<td><span>年假</span></td>
							<td><span>2019-1-6 9:51:40</span></td>
							<td><span>小李父斯基</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-info">未处理</span></td>
							
							<td> <a href="holiserch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>请假申请</td>
							<td><span>病假申请</span></td>
							<td><span>2019-1-6 9:51:18</span></td>
							<td><span>小李父斯基</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-info">未处理</span></td>
							
							<td> <a href="holiserch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>请假申请</td>
							<td><span>年假申请</span></td>
							<td><span>2019-1-6 9:27:08</span></td>
							<td><span>小李父斯基</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-info">未处理</span></td>
							
							<td> <a href="holiserch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>加班申请</td>
							<td><span>周日加班</span></td>
							<td><span>2019-1-6 0:32:24</span></td>
							<td><span>小李父斯基</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-success">已批准</span></td>
							
							<td> <a href="overserch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>出差费用</td>
							<td><span>岳阳出差费用报销</span></td>
							<td><span>2019-1-5 23:48:11</span></td>
							<td><span>小李父斯基</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-info">未处理</span></td>
							
							<td> <a href="evemonserch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>费用报销</td>
							<td><span>的士费报销</span></td>
							<td><span>2019-1-5 23:23:22</span></td>
							<td><span>小李父斯基;soli</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-primary">处理中</span></td>
							
							<td> <a href="serch.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
						<tr>
							<td>出差申请</td>
							<td><span>到岳阳出差</span></td>
							<td><span>2019-1-5 22:52:46</span></td>
							<td><span>小李父斯基</span></td>
								<td><span>正常</span></td>
								<td><span class="label label-success">已批准</span></td>
							
							<td> <a href="eveserach.html" class="label xiugai"><span
									class="glyphicon glyphicon-search"></span> 查看</a> 
							</td>
						</tr>
					</table>
					</div>
				
				<!--盒子尾-->
<div class="box-footer no-padding" style="margin-top: -20px;">
	<div style="padding: 5px;">
		<div id="page"
			style="background: #fff; border: 0px; margin-top: 0px; padding: 2px; height: 25px;">
			<div style="width: 40%; float: left;">
				<div class="pageInfo" style="margin-left: 5px;">
					共<span>10</span>条 | 每页<span>10</span>条
					| 共<span>1</span>页
				</div>
			</div>
			<div style="width: 60%; float: left;">
				<div class="pageOperation">
				<!--判断是否是第一页  -->
					<a class="btn btn-sm btn-default no-padding tablefirst" disabled="disabled"	style="width: 30px; height: 20px;"> <span
						class="glyphicon glyphicon-backward"></span></a> 
					<a class="btn btn-sm btn-default no-padding tableup"  disabled="disabled" 	style="width: 30px; height: 20px;"> <span
						class="glyphicon glyphicon-triangle-left"></span></a> 
				<a disabled="disabled" class="btn btn-default no-padding" style="width: 30px; height: 20px;">
						1
				</a>
				<!--判断是否是最后一页  -->
					<a class="btn btn-sm btn-default no-padding tabledown"  disabled="disabled" style="width: 30px; height: 20px;"> <span
						class="glyphicon glyphicon-triangle-right"></span></a> 
					<a class="btn btn-sm btn-default no-padding tablelast" disabled="disabled" style="width: 30px; height: 20px;"> <span
						class="glyphicon glyphicon-forward"></span></a> 
				</div>
			</div>
		</div>
	</div>
</div>
<script>
		/* 分页插件按钮的点击事件 */
		/* url是从后台接收过来的链接，sort是记录排序规则 */
		$('.tablefirst').on('click',function(){
			 if(true==false){
				 $('.thistable').load('shenser?page=0');
			 }
		});
		$('.tableup').on('click',function(){
			 if(true==false){
				 $('.thistable').load('shenser?page=-1');
			 }
		});
		$('.tabledown').on('click',function(){
			if(true==false){
				$('.thistable').load('shenser?page=1');
			 }
		});
		$('.tablelast').on('click',function(){
			if(true==false){
				$('.thistable').load('shenser?page=0');
			 }
			
		});
		
		/*类型、状态、时间的排序  */
		$('.thistype').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('shenser?type=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('shenser?type=1&icon=glyphicon-triangle-bottom');
			}
		});
		$('.thisstatus').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('shenser?status=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('shenser?status=1&icon=glyphicon-triangle-bottom');
			}
		});
		$('.thistime').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('shenser?time=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('shenser?time=1&icon=glyphicon-triangle-bottom');
			}
		});
		$('.thisvisit').on('click', function() {
			if ($(this).children().hasClass('glyphicon-triangle-bottom')) {
				$('.thistable').load('shenser?visitnum=0&icon=glyphicon-triangle-top');
			} else {
				$('.thistable').load('shenser?visitnum=1&icon=glyphicon-triangle-bottom');
			}
		});
		/* 查找 */
		$('.baseKetsubmit').on('click', function() {
			var baseKey = $('.baseKey').val();
			console.log(baseKey);
			$('.thistable').load('shenser?baseKey='+baseKey+'');
		});
</script>				</div>
			</div>
<script>
		/* 分页插件按钮的点击事件 */
		
		$('.baseKetsubmit').on('click',function(){
			var baseKey=$('.baseKey').val();
			$('.thistable').load('shenser?baseKey=baseKey');
		});
		

		   $(function(){
			   $(".chazhao").click(function(){
				   var con=$(".cha").val();
				   $(".thistable").load("shenser",{val:con});
			   });
		});
	
		
</script>		</div>
	</div>
